// import React from "react";
//
// class App extends React.Component{
//
//     constructor(props) {
//         super(props);
//
//         this.state = {
//             time: new Date().toLocaleString()
//         }
//     }
//
//     render() {
//         return (
//             <div className={"headerApp"}>
//                 光之国当地时间<span className={"website"}>{this.state.time}</span>
//                 &nbsp;&nbsp;
//                 <button onClick={
//                     event => {
//                         console.log(event);
//                         this.setState({
//                             time: new Date().toLocaleString()
//                         })
//                     }
//                 }>点击更新时间</button>
//             </div>
//         )
//     }
//
// }
//
// export default App;
import React,{Fragment} from "react";
import {NavBar, SearchBar} from "antd-mobile";

/*
顶部
 */
class App extends React.Component{

    constructor(props) {
        super(props);
    }

    goBack(){
        this.props.history.goBack();
    }

    render() {
        return (
            <div className={"headerApp"}>
                {this.props.name === undefined ?
                    <div className={"homeHeader"}>
                        <span className={"meiTuan"}>美团</span>
                        <SearchBar placeholder='请输入内容' onSearch={
                            value => {
                                console.log("搜索的内容是：",value);
                            }
                        } className={"searchDiv"} />
                    </div>:
                    <Fragment>
                        <NavBar onBack={this.goBack} backArrow={false}>{this.props.name}</NavBar>
                    </Fragment>}
            </div>
        )
    }

}

export default App;


